<template>
  <div class="monitoring">
    <div class="container-box">

      <div class="page-container">
        <LeftContainer :tree="tree" @emitSel="getSel"></LeftContainer>
        <right-container :checkList="checkList"></right-container>
        <!-- 提示框 -->

      </div>

    </div>
  </div>
</template>

<script>
import LeftContainer from '@/components/trees/LeftContainer.vue'
import RightContainer from '@/components/trees/RightContainer.vue'

export default {
  components: { LeftContainer, RightContainer },
  data() {
    return {

      //   搜索框的值
      input_value: '',
      //   子组件传输的值
      checkList: [],
      //   树形结构的值
      tree: [
        {
          title: '处置情况',
          name: 'sj',
          id: 1,
          showchild:true,
          child: [
            {
              title: '未处置',
              num: 2,
              id: 1
            },
            {
              title: '处置中',
              num: 2,
              id: 2
            },
            {
              title: '已处置',
              num: 1,
              id: 3
            }
          ]
        },
        {
          title: '事件级别',
          name: 'sj',
          id: 1,
          showchild:true,
          child: [
            {
              title: '特别重大',
              num: 1,
              id: 1
            },
            {
              title: '重大',
              num: 3,
              id: 2
            },
            {
              title: '较大',
              num: 0,
              id: 3
            },
            {
              title: '一般',
              num: 1,
              id: 3
            }
          ]
        },
        {
          title: '事件分类',
          name: 'jb',
          id: 2,
           showchild:true,
          child: [
            {
              title: '用户违规',
              num: 2,
              id: 4
            },
            {
              title: '运维异常',
              num: 1,
              id: 5
            },
            {
              title: '网络攻击',
              num: 1,
              id: 6
            },
          ]
        },
        {
          title: '对象分类',
          name: 'jb',
          id: 2,
           showchild:true,
          child: [
            {
              title: '终端',
              num: 1,
              id: 4
            },
            {
              title: '网络',
              num: 2,
              id: 5
            },
            {
              title: '应用',
              num: 2,
              id: 6
            },
          ]
        }
      ]
    }
  },
  methods: {
    // 获取子组件传参
    getSel(data) {
      this.checkList = data

    }

  }
}
</script>

<style lang="scss" scoped>
.monitoring {
  height: 100%;
  .screen-container{
    // height: 82px;
  }
}
</style>
